<template>
  <div id="editBtn">
    <el-button type="text">
      <i :class="'el-icon-' + icon" />
      {{ value }}
    </el-button>
  </div>
</template>
<script>
import { defineComponent } from "vue";
export default defineComponent({
  props: {
    value: {
      type: String,
      required: true,
    },
    icon: {
      type: String,
      required: true,
    },
  },
});
</script>
<style lang="scss" scoped>
#editBtn {
  display: inline-block;
  cursor: pointer;
  .el-button {
    font-size: 12px;
    i {
        margin-right: -3px;
    }
  }
  :hover {
    opacity: 0.8;
  }
}
</style>
